import { Link } from '@tanstack/react-router'
import { Diamonds } from "@icon-park/react"

export const Navbar = () => {
  return (
    <div className='bg-white border-primary border-t-4 shadow-sm mb-6'>
      <div className='container m-auto h-16 flex items-center gap-6'>
        <Link to='/' className='text-primary flex items-center gap-6 '>
          <Diamonds theme="outline" size="24" />
          <span className='uppercase' >houdunren</span>
        </Link>
        <Link to='/front'>我的博客</Link>
        <Link to='/feature'>特性</Link>
        <Link to='/front/live'>我的直播</Link>
      </div>
    </div>
  )
}
